<%--
  Created by IntelliJ IDEA.
  User: 25498
  Date: 2021/11/16
  Time: 21:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Home</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="keywords" content=""
    />
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
    <link rel="stylesheet" href="css/fontawesome-all.css">
    <link href="http://maxcdn.bootstrapcdn.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
    <link href="http://maxcdn.bootstrapcdn.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
</head>

<body>
<!-- bg effect -->
<div id="bg">
    <canvas></canvas>
    <canvas></canvas>
    <canvas></canvas>
</div>
<h1>GoodBooks网上书店</h1>
<div class="sub-main-w3">
    <form action="login" method="post" style="position: relative">
        <h2>Login Now
            <i class="fas fa-level-down-alt"></i>
        </h2>
        <p style="position: absolute; top: 100px; color: red"><%=session.getAttribute("msg")!=null?session.getAttribute("msg"):""%></p>
        <% session.removeAttribute("msg");%>
        <div class="form-style-agile">
            <label>
                <i class="fas fa-user"></i>
                Username
            </label>
            <input placeholder="Username" name="name" type="text" autocomplete="off" required="">
        </div>
        <div class="form-style-agile">
            <label>
                <i class="fas fa-unlock-alt"></i>
                Password
            </label>
            <input placeholder="Password" name="password" type="password" autocomplete="off" required="">
        </div>
        <!-- checkbox -->
        <div class="wthree-text">
            <ul>
                <li>
                    <label class="anim">
                        <input type="checkbox" class="checkbox" required="">
                        <span>Stay Signed In</span>
                    </label>
                </li>
                <!--					<li>-->
                <!--						<a href="#">Forgot Password?</a>-->
                <!--					</li>-->
                <li>
                    <a href="register/register.jsp">注册</a>
                </li>
            </ul>
        </div>
        <!-- //checkbox -->
        <input type="submit" value="Log In">
    </form>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/canva_moving_effect.js"></script>

</body>
</html>
